<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		td {
			border: 1px solid green;
			color: blue;
		}
		.box{
			width: 1200px;
			position: absolute;
			margin: 0 auto;
			clear: both;
		}
	</style>

	<body>
		<div class="box ">
			
		
		<script type="text/javascript">
			
			document.write('<div style="text-align:right;float: left;">'); //添加table开始标签
			for(var i = 1; i <= 9; i++) {			
				for(var j = 1; j <= i; j++) {                      
					document.write("<span style='border:1px solid black;width: 60px;display: inline-block;margin: 2px;'>"+ i + "*" + j + "=" + i * j+"</span>");
				}				
			   document.write("<br />")
			}			
			document.write('</div>'); //添加table结束标签
		</script>
		<script type="text/javascript">
			
			document.write('<div style="text-align:left;float: left;">'); //添加table开始标签
			for(var i = 1; i <= 9; i++) {			
				for(var j = 1; j <= i; j++) {                      
					document.write("<span style='border:1px solid black;width: 60px;display: inline-block;margin: 2px;'>"+ i + "*" + j + "=" + i * j+"</span>");
				}				
			   document.write("<br />")
			}			
			document.write('</div>'); //添加table结束标签
		</script>

		<script type="text/javascript">
			
			document.write('<div style="text-align:left;float:right;">'); //添加table开始标签
			for(var i = 9; i > 0; i--) {
				document.write('<tr>'); //添加tr开始标签
				for(var j = 1; j <= i; j++) {
					document.write("<span style='border:1px solid black;width: 60px;display: inline-block;margin: 2px;'>"+ i + "*" + j + "=" + i * j+"</span>");
				}
				document.write("<br />")
				
			}
			document.write('</div>'); //添加table结束标签
			
		</script>
		<script type="text/javascript">
			
			document.write('<div style="text-align:right;float:right;">'); //添加table开始标签
			for(var i = 9; i > 0; i--) {
				document.write('<tr>'); //添加tr开始标签
				for(var j = 1; j <= i; j++) {
					document.write("<span style='border:1px solid black;width: 60px;display: inline-block;margin: 2px;'>"+ i + "*" + j + "=" + i * j+"</span>");
				}
				document.write("<br />")
				
			}
			document.write('</div>'); //添加table结束标签
			
		</script>
</div>
	</body>

</html>